CSS কাউন্টার স্টাইল ভাষা সমর্থন: বৈশ্বিক দর্শকদের জন্য আন্তর্জাতিকীকরণ ফরম্যাটিং

আজকের বিশ্বব্যাপী সংযুক্ত বিশ্বে, ওয়েব ডেভেলপারদের এমন ওয়েবসাইট এবং অ্যাপ্লিকেশন তৈরি করতে হবে যা বিভিন্ন দর্শকদের চাহিদা পূরণ করে। এর মানে হল শুধুমাত্র ভাষা নয়, বিভিন্ন অঞ্চলে ব্যবহৃত সাংস্কৃতিক প্রথা এবং সংখ্যা পদ্ধতিগুলিও বিবেচনা করা। CSS কাউন্টার স্টাইলগুলি তালিকা এবং অন্যান্য সংখ্যাযুক্ত বিষয়বস্তুকে এমনভাবে ফর্ম্যাট করার জন্য একটি শক্তিশালী পদ্ধতি প্রদান করে যা এই সাংস্কৃতিক সূক্ষ্মতাগুলিকে সম্মান করে। এই বিস্তারিত নির্দেশিকা আন্তর্জাতিকীকরণের (i18n) জন্য CSS কাউন্টার স্টাইলের ক্ষমতাগুলি অন্বেষণ করবে এবং কীভাবে সেগুলিকে কার্যকরভাবে ব্যবহার করতে হয় তা প্রদর্শন করবে।

CSS কাউন্টার স্টাইল বোঝা

CSS কাউন্টারগুলি হল CSS নিয়ম দ্বারা রক্ষণাবেক্ষণ করা ভেরিয়েবল যা তাদের কতবার ব্যবহার করা হয়েছে তা ট্র্যাক করে। এগুলি প্রধানত তালিকা, শিরোনাম এবং অন্যান্য উপাদানগুলিকে সংখ্যায়ন করতে ব্যবহৃত হয়। CSS কাউন্টার স্টাইলগুলি স্ট্যান্ডার্ড আরবি এবং রোমান সংখ্যার বাইরে কাস্টম সংখ্যা পদ্ধতি সংজ্ঞায়িত করার অনুমতি দিয়ে এই কার্যকারিতা প্রসারিত করে। এটি বিভিন্ন ভাষা এবং সাংস্কৃতিক পছন্দগুলিকে সমর্থন করার জন্য অত্যন্ত গুরুত্বপূর্ণ।

কাউন্টার স্টাইল ব্যবহার করার সাথে জড়িত প্রধান CSS বৈশিষ্ট্যগুলি হল:

• counter-reset: একটি কাউন্টারকে একটি নির্দিষ্ট মানে শুরু বা রিসেট করে।
• counter-increment: একটি কাউন্টারের মান বৃদ্ধি করে।
• content: কাউন্টারের মান প্রদর্শনের জন্য ::before বা ::after ছদ্ম-উপাদানের সাথে ব্যবহৃত হয়।
• counter() বা counters(): content বৈশিষ্ট্যের মধ্যে কাউন্টারের মান ফর্ম্যাট করতে ব্যবহৃত ফাংশনগুলি।
• @counter-style: ফরম্যাটিং নিয়ন্ত্রণ করার জন্য বিভিন্ন বৈশিষ্ট্য সহ একটি কাস্টম কাউন্টার স্টাইল সংজ্ঞায়িত করে।

@counter-style-এর ক্ষমতা

@counter-style নিয়মটি CSS কাউন্টার স্টাইলের আন্তর্জাতিকীকরণের মূল। এটি আপনাকে বিভিন্ন বৈশিষ্ট্য সহ একটি কাস্টম সংখ্যা পদ্ধতি সংজ্ঞায়িত করার অনুমতি দেয় যা কাউন্টার মান কীভাবে রেন্ডার হয় তা নিয়ন্ত্রণ করে। আসুন @counter-style নিয়মের মধ্যে মূল বৈশিষ্ট্যগুলি পরীক্ষা করি:

• system: কাউন্টার উপস্থাপনা তৈরি করতে ব্যবহৃত অ্যালগরিদম নির্দিষ্ট করে। সাধারণ মানগুলির মধ্যে রয়েছে cyclic, numeric, alphabetic, symbolic, fixed, এবং additive।
• symbols: কাউন্টার স্টাইল দ্বারা ব্যবহৃত প্রতীকগুলি সংজ্ঞায়িত করে, যেমন সংখ্যা, অক্ষর বা কাস্টম অক্ষর।
• additive-symbols: additive সিস্টেমের সাথে ব্যবহৃত হয় প্রতীক এবং তাদের সংশ্লিষ্ট সাংখ্যিক মান সংজ্ঞায়িত করতে।
• suffix: প্রতিটি কাউন্টার উপস্থাপনার পরে যুক্ত টেক্সট নির্দিষ্ট করে (যেমন, একটি পিরিয়ড বা একটি বন্ধ বন্ধনী)।
• prefix: প্রতিটি কাউন্টার উপস্থাপনার আগে যোগ করা টেক্সট নির্দিষ্ট করে।
• range: কাউন্টার স্টাইল প্রযোজ্য হবে এমন মানের পরিসরকে সীমাবদ্ধ করে।
• pad: ব্যবহারের জন্য ন্যূনতম সংখ্যক সংখ্যা নির্দিষ্ট করে, প্রয়োজনে লিডিং জিরো দিয়ে প্যাডিং করে।
• speak-as: অ্যাক্সেসিবিলিটির জন্য স্ক্রিন রিডার দ্বারা কাউন্টারের মান কীভাবে ঘোষণা করা হয় তা নিয়ন্ত্রণ করে।
• fallback: যদি বর্তমান স্টাইলটি ব্রাউজার দ্বারা সমর্থিত না হয় তবে ব্যবহারের জন্য একটি ফলব্যাক কাউন্টার স্টাইল নির্দিষ্ট করে।

@counter-style সহ আন্তর্জাতিকীকরণের উদাহরণ

এখন, আসুন বিভিন্ন ভাষা এবং সাংস্কৃতিক প্রেক্ষাপটের জন্য কাউন্টার ফর্ম্যাট করতে @counter-style ব্যবহারের কিছু বাস্তব উদাহরণ অন্বেষণ করি।

১. আরবি-ইনডিক সংখ্যা সহ আরবি সংখ্যা

যদিও আরবি সংখ্যা (০-৯) ব্যাপকভাবে ব্যবহৃত হয়, অনেক আরবি-ভাষী অঞ্চল আরবি-ইনডিক সংখ্যা (٠‎-٩‎) ব্যবহার করতে পছন্দ করে। আমরা এটি অর্জনের জন্য একটি কাউন্টার স্টাইল তৈরি করতে পারি:

@counter-style arabic-indic {
  system: numeric;
  symbols: '٠' '١' '٢' '٣' '٤' '٥' '٦' '٧' '٨' '٩';
  suffix: '. ';
}

ol {
  list-style: none;
  counter-reset: item;
}

ol li {
  counter-increment: item;
}

ol li::before {
  content: counter(item, arabic-indic);
}

এই কোডটি arabic-indic নামে একটি কাউন্টার স্টাইল সংজ্ঞায়িত করে যা আরবি-ইনডিক সংখ্যাগুলিকে প্রতীক হিসাবে ব্যবহার করে। suffix বৈশিষ্ট্যটি প্রতিটি সংখ্যার পরে একটি পিরিয়ড এবং একটি স্থান যোগ করে। এরপর CSS এই স্টাইলটিকে একটি ক্রমিক তালিকা (<ol>) এ প্রয়োগ করে সংখ্যাগুলিকে আরবি-ইনডিক ফরম্যাটে প্রদর্শন করে।

২. রোমান সংখ্যা (বড় এবং ছোট হাতের অক্ষর)

রোমান সংখ্যা বিভিন্ন প্রসঙ্গে সাধারণত ব্যবহৃত হয়, এবং CSS কাউন্টার স্টাইলগুলি সহজেই সেগুলিকে পরিচালনা করতে পারে:

@counter-style upper-roman {
  system: upper-roman;
}

@counter-style lower-roman {
  system: lower-roman;
}

ol.upper-roman {
  list-style: none;
  counter-reset: item;
}

ol.upper-roman li {
  counter-increment: item;
}

ol.upper-roman li::before {
  content: counter(item, upper-roman) '. ';
}

ol.lower-roman {
  list-style: none;
  counter-reset: item;
}

ol.lower-roman li {
  counter-increment: item;
}

ol.lower-roman li::before {
  content: counter(item, lower-roman) '. ';
}

এই উদাহরণটি দেখায় কিভাবে বড় হাতের (upper-roman) এবং ছোট হাতের (lower-roman) উভয় রোমান সংখ্যা কাউন্টার স্টাইল তৈরি করতে হয়। আপনি CSS ক্লাস (.upper-roman এবং .lower-roman) ব্যবহার করে এই স্টাইলগুলি বিভিন্ন তালিকায় প্রয়োগ করতে পারেন। উদাহরণস্বরূপ:

<ol class=\"upper-roman\">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

<ol class=\"lower-roman\">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

৩. জর্জিয়ান সংখ্যা

জর্জিয়ান সংখ্যাগুলি অক্ষরের একটি অনন্য সিস্টেম ব্যবহার করে। আমরা জর্জিয়ানে সংখ্যাগুলি উপস্থাপন করার জন্য একটি কাউন্টার স্টাইল সংজ্ঞায়িত করতে পারি:

@counter-style georgian {
  system: fixed;
  symbols: 'ა' 'ბ' 'გ' 'დ' 'ე' 'ვ' 'ზ' 'თ' 'ი' 'კ' 'ლ' 'მ' 'ნ' 'ო' 'პ' 'ჟ' 'რ' 'ს' 'ტ' 'უ' 'ფ' 'ქ' 'ღ' 'ყ' 'შ' 'ჩ' 'ც' 'ძ' 'წ' 'ჭ' 'ხ' 'ჯ' 'ჰ';
  suffix: '. ';
  range: 1 33;
}

ol.georgian {
  list-style: none;
  counter-reset: item;
}

ol.georgian li {
  counter-increment: item;
}

ol.georgian li::before {
  content: counter(item, georgian);
}

এই উদাহরণটি fixed সিস্টেম ব্যবহার করে কারণ জর্জিয়ান সংখ্যা পদ্ধতির প্রথম ৩৩টি সংখ্যার জন্য প্রতীকের একটি সীমিত সেট রয়েছে। range বৈশিষ্ট্যটি কাউন্টার স্টাইলকে ১ থেকে ৩৩-এর মধ্যে মানগুলিতে সীমাবদ্ধ করে। ৩৩-এর বেশি সংখ্যার জন্য, আপনাকে আরও জটিল যুক্তি বা ভিন্ন সংখ্যা পদ্ধতি বাস্তবায়ন করতে হবে।

৪. আর্মেনিয়ান সংখ্যা

জর্জিয়ানের মতো, আর্মেনিয়ান সংখ্যাগুলিও সংখ্যাগুলি উপস্থাপন করতে অক্ষর ব্যবহার করে:

@counter-style armenian {
  system: fixed;
  symbols: 'Ա' 'Բ' 'Գ' 'Դ' 'Ե' 'Զ' 'Է' 'Ը' 'Թ' 'Ժ' 'Ի' 'Լ' 'Խ' 'Ծ' 'Կ' 'Հ' 'Ձ' 'Ղ' 'Ճ' 'Մ' 'Յ' 'Ն' 'Շ' 'Ո' 'Չ' 'Պ' 'Ջ' 'Ռ' 'Ս' 'Վ' 'Տ' 'Ր' 'Ց' 'Ւ' 'Փ' 'Ք' 'Օ' 'Ֆ';
  suffix: '. ';
  range: 1 39;
}

ol.armenian {
  list-style: none;
  counter-reset: item;
}

ol.armenian li {
  counter-increment: item;
}

ol.armenian li::before {
  content: counter(item, armenian);
}

এই উদাহরণটি জর্জিয়ান উদাহরণের মতো, fixed সিস্টেম ব্যবহার করে এবং আর্মেনিয়ান অক্ষরগুলিকে প্রতীক হিসাবে সংজ্ঞায়িত করে। range ১-৩৯ এ সেট করা হয়েছে, যা মৌলিক আর্মেনিয়ান সংখ্যা সেটকে অন্তর্ভুক্ত করে।

৫. CJK সংখ্যা (চীনা, জাপানি, কোরিয়ান)

CJK সংখ্যাগুলি আনুষ্ঠানিক এবং অনানুষ্ঠানিক প্রসঙ্গে বিভিন্ন ফর্ম এবং বিভিন্ন মাত্রার সূক্ষ্মতার সাথে আরও জটিলতা প্রদান করে। আসুন সরলীকৃত চীনা দেখি:

@counter-style simplified-chinese {
  system: numeric;
  symbols: '一' '二' '三' '四' '五' '六' '七' '八' '九';
  suffix: '';
}

@counter-style simplified-chinese-formal {
  system: fixed;
  symbols: '零' '壹' '贰' '叁' '肆' '伍' '陆' '柒' '捌' '玖';
  suffix: '';
}

ol.simplified-chinese {
  list-style: none;
  counter-reset: item;
}

ol.simplified-chinese li {
  counter-increment: item;
}

ol.simplified-chinese li::before {
  content: counter(item, simplified-chinese) '、';
}

ol.simplified-chinese-formal {
  list-style: none;
  counter-reset: item;
}

ol.simplified-chinese-formal li {
  counter-increment: item;
}

ol.simplified-chinese-formal li::before {
  content: counter(item, simplified-chinese-formal) '、';
}

উল্লেখ্য যে এটি একটি সরলীকৃত উপস্থাপনা। সম্পূর্ণ CJK সংখ্যা সমর্থন, বিশেষ করে বড় সংখ্যার জন্য, additive সিস্টেম এবং স্থান মান (দশ, শত, হাজার ইত্যাদি) হ্যান্ডলিং জড়িত একটি আরও জটিল বাস্তবায়নের প্রয়োজন হবে। এই কোডটি মৌলিক সংখ্যা উপস্থাপনা প্রদর্শন করে।

উন্নত কৌশল এবং বিবেচনা

১. কাউন্টার স্টাইল একত্রিত করা

আপনি আরও জটিল সংখ্যায়ন স্কিম তৈরি করতে একাধিক কাউন্টার স্টাইল একত্রিত করতে পারেন। উদাহরণস্বরূপ, আপনি অধ্যায়গুলির জন্য একটি প্রাথমিক কাউন্টার এবং প্রতিটি অধ্যায়ের মধ্যে বিভাগগুলির জন্য একটি সেকেন্ডারি কাউন্টার ব্যবহার করতে পারেন।

body {
  counter-reset: chapter section;
}

h1 {
  counter-increment: chapter;
  counter-reset: section;
}

h2 {
  counter-increment: section;
}

h1::before {
  content: counter(chapter) '. '; 
}

h2::before {
  content: counter(chapter) '.' counter(section) '. '; 
}

এই কোডটি একটি শ্রেণীবদ্ধ সংখ্যায়ন সিস্টেম তৈরি করে যেখানে অধ্যায়গুলি অনুক্রমিকভাবে সংখ্যায়িত হয় এবং প্রতিটি অধ্যায়ের মধ্যে বিভাগগুলি সংখ্যায়িত হয় (যেমন, ১.১, ১.২, ২.১, ২.২)।

২. অ্যাক্সেসিবিলিটির বিবেচনা

নিশ্চিত করুন যে আপনার কাউন্টার স্টাইলগুলি প্রতিবন্ধী ব্যবহারকারীদের জন্য অ্যাক্সেসযোগ্য। স্ক্রিন রিডার দ্বারা কাউন্টার মান কীভাবে ঘোষণা করা হয় তা নিয়ন্ত্রণ করতে speak-as বৈশিষ্ট্যটি ব্যবহার করুন। উদাহরণস্বরূপ:

@counter-style my-style {
  system: numeric;
  symbols: '1' '2' '3';
  speak-as: numbers;
}

speak-as: numbers; বৈশিষ্ট্যটি স্ক্রিন রিডারকে কাউন্টার মানকে একটি সংখ্যা হিসাবে ঘোষণা করতে বলে। অন্যান্য বিকল্পগুলির মধ্যে রয়েছে spell-out (সংখ্যাটি বানান করে বলার জন্য) এবং bullets (কাউন্টারটিকে বুলেট পয়েন্ট হিসাবে ঘোষণা করার জন্য)।

এছাড়াও, আপনার কাউন্টার স্টাইলগুলিতে ব্যবহৃত যেকোনো কাস্টম প্রতীকের জন্য বিকল্প টেক্সট বা বিবরণ প্রদান করুন যাতে দৃষ্টি প্রতিবন্ধী ব্যবহারকারীরা সংখ্যাযুক্ত বিষয়বস্তুর অর্থ বুঝতে পারেন।

৩. ব্রাউজার সামঞ্জস্যতা

যদিও CSS কাউন্টার স্টাইলগুলি আধুনিক ব্রাউজারগুলিতে ব্যাপকভাবে সমর্থিত, তবে পুরোনো ব্রাউজার সংস্করণগুলি বিবেচনা করা অপরিহার্য। যদি ব্রাউজার প্রাথমিক স্টাইল সমর্থন না করে তবে একটি ফলব্যাক কাউন্টার স্টাইল নির্দিষ্ট করতে fallback বৈশিষ্ট্যটি ব্যবহার করুন। উদাহরণস্বরূপ:

@counter-style my-style {
  system: cyclic;
  symbols: '✓' '✗';
  fallback: disc;
}

এই উদাহরণে, যদি ব্রাউজার cyclic সিস্টেম বা কাস্টম প্রতীকগুলি সমর্থন না করে, তবে এটি disc তালিকা শৈলীতে ফিরে যাবে।

৪. সাংস্কৃতিক সংবেদনশীলতা

বিভিন্ন ভাষা এবং সংস্কৃতির জন্য কাউন্টার স্টাইল বাস্তবায়ন করার সময়, সাংস্কৃতিক সংবেদনশীলতার প্রতি মনোযোগী হন। প্রতিটি অঞ্চলে ব্যবহৃত উপযুক্ত সংখ্যায়ন নিয়মাবলী এবং প্রতীকগুলি গবেষণা করুন। আপত্তিকর বা অনুপযুক্ত হতে পারে এমন প্রতীক বা ফর্ম্যাট ব্যবহার করা এড়িয়ে চলুন।

উদাহরণস্বরূপ, কিছু সংস্কৃতি তাদের সংখ্যায়ন পদ্ধতিতে ভিন্ন বিরাম চিহ্ন বা বিভাজক ব্যবহার করতে পছন্দ করতে পারে। নিশ্চিত করুন যে আপনার কাউন্টার স্টাইলগুলি এই পছন্দগুলিকে সম্মান করে।

ব্যবহারিক প্রয়োগ এবং ব্যবহারের ক্ষেত্র

CSS কাউন্টার স্টাইলগুলি ওয়েব ডেভেলপমেন্টের বিভিন্ন পরিস্থিতিতে ব্যবহার করা যেতে পারে, যার মধ্যে রয়েছে:

• বিষয়বস্তুর তালিকা তৈরি করা: একটি বিষয়বস্তুর তালিকায় স্বয়ংক্রিয়ভাবে শিরোনাম এবং উপ-শিরোনাম সংখ্যায়ন করা।
• সংখ্যাযুক্ত তালিকা তৈরি করা: বিভিন্ন ভাষা এবং শৈলীতে সংখ্যাযুক্ত তালিকা ফর্ম্যাট করা।
• একটি টিউটোরিয়ালের ধাপগুলি সংখ্যায়ন করা: সুস্পষ্ট এবং দৃষ্টিনন্দন সংখ্যায়ন সহ ধাপগুলির একটি সিরিজের মাধ্যমে ব্যবহারকারীদের গাইড করা।
• কাস্টম পেজিনেশন বাস্তবায়ন করা: অনন্য সংখ্যায়ন স্কিম সহ কাস্টম পেজিনেশন নিয়ন্ত্রণ তৈরি করা।
• র‍্যাঙ্ক করা তালিকা প্রদর্শন করা: বিভিন্ন কাউন্টার স্টাইল ব্যবহার করে দৃশ্যত আকর্ষণীয় উপায়ে র‍্যাঙ্কিং দেখানো।
• আইনি নথি তৈরি করা: নির্দিষ্ট সংখ্যায়ন প্রয়োজনীয়তা সহ আইনি নথি ফর্ম্যাট করা।
• বৈজ্ঞানিক গবেষণাপত্র ফর্ম্যাট করা: উপযুক্ত সংখ্যায়ন সহ সমীকরণ, চিত্র এবং টেবিল প্রদর্শন করা।

CSS কাউন্টার স্টাইল ব্যবহারের সেরা অনুশীলন

আপনার CSS কাউন্টার স্টাইলগুলি কার্যকর এবং রক্ষণাবেক্ষণযোগ্য তা নিশ্চিত করতে, এই সেরা অনুশীলনগুলি অনুসরণ করুন:

• আপনার কাউন্টার স্টাইলগুলির জন্য বর্ণনামূলক নাম ব্যবহার করুন: এমন নাম চয়ন করুন যা স্টাইলের উদ্দেশ্য এবং ফরম্যাটিং স্পষ্টভাবে নির্দেশ করে (যেমন, arabic-indic, upper-roman, georgian)।
• আপনার কাউন্টার স্টাইলগুলি মডুলার রাখুন: বিভিন্ন ভাষা এবং সংখ্যা পদ্ধতির জন্য আলাদা কাউন্টার স্টাইল সংজ্ঞায়িত করুন।
• কাউন্টার স্টাইল প্রয়োগ করতে CSS ক্লাস ব্যবহার করুন: উপাদানগুলিতে সরাসরি কাউন্টার স্টাইল প্রয়োগ করা এড়িয়ে চলুন; পরিবর্তে, ফরম্যাটিং নিয়ন্ত্রণ করতে CSS ক্লাস ব্যবহার করুন।
• আপনার কাউন্টার স্টাইলগুলি পুঙ্খানুপুঙ্খভাবে পরীক্ষা করুন: আপনার কাউন্টার স্টাইলগুলি বিভিন্ন ব্রাউজার এবং ডিভাইসে পরীক্ষা করুন যাতে সেগুলি সঠিকভাবে রেন্ডার হয়।
• আপনার কাউন্টার স্টাইলগুলি নথিভুক্ত করুন: আপনার কাউন্টার স্টাইলগুলির জন্য সুস্পষ্ট ডকুমেন্টেশন প্রদান করুন, যার মধ্যে তাদের উদ্দেশ্য, ফরম্যাটিং এবং ব্যবহার অন্তর্ভুক্ত।
• অ্যাক্সেসিবিলিটিকে অগ্রাধিকার দিন: কাউন্টার স্টাইল তৈরি করার সময় সর্বদা অ্যাক্সেসিবিলিটি বিবেচনা করুন এবং স্ক্রিন রিডার দ্বারা কাউন্টার মানগুলি সঠিকভাবে ঘোষণা করা হয়েছে তা নিশ্চিত করতে speak-as বৈশিষ্ট্যটি ব্যবহার করুন।

উপসংহার

CSS কাউন্টার স্টাইলগুলি ওয়েবে সংখ্যাযুক্ত বিষয়বস্তুর ফরম্যাটিং আন্তর্জাতিকীকরণের জন্য একটি শক্তিশালী এবং নমনীয় পদ্ধতি সরবরাহ করে। @counter-style নিয়ম এবং এর বিভিন্ন বৈশিষ্ট্য ব্যবহার করে, আপনি কাস্টম সংখ্যা পদ্ধতি তৈরি করতে পারেন যা বিভিন্ন অঞ্চলের সাংস্কৃতিক নিয়মাবলী এবং ভাষাগত সূক্ষ্মতাগুলিকে সম্মান করে। এই নির্দেশিকাতে বর্ণিত সেরা অনুশীলনগুলি অনুসরণ করে, আপনি নিশ্চিত করতে পারেন যে আপনার কাউন্টার স্টাইলগুলি কার্যকর, রক্ষণাবেক্ষণযোগ্য এবং বিশ্বব্যাপী দর্শকদের জন্য অ্যাক্সেসযোগ্য। ওয়েব ডেভেলপমেন্টের বিবর্তন অব্যাহত থাকায়, আন্তর্জাতিকীকরণের জন্য CSS কাউন্টার স্টাইলগুলি বোঝা এবং ব্যবহার করা সত্যিকারের অন্তর্ভুক্তিমূলক এবং ব্যবহারকারী-বান্ধব ওয়েব অভিজ্ঞতা তৈরির জন্য ক্রমশ গুরুত্বপূর্ণ হয়ে উঠবে। CSS কাউন্টার স্টাইলের ক্ষমতা গ্রহণ করুন এবং এমন ওয়েবসাইট তৈরি করুন যা বিশ্বের সকল প্রান্তের ব্যবহারকারীদের সাথে অনুরণিত হয়।

আরও পড়ুন

• MDN ওয়েব ডক্স: @counter-style
• CSS কাউন্টার স্টাইল লেভেল ৩
• CSS কাউন্টার স্টাইলগুলির একটি সম্পূর্ণ নির্দেশিকা